<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>机械师工会_机械师MACHENIKE官网-正品商城</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" href="css/currency.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/jje.css">
	<link rel="stylesheet" href="css/labour.css">
</head>
<body>
	<div id="wrap">
		
		<header>
			<div class="head-top-phone">
				<div class="left">
					<img src="images/phone/nav-btn.png" alt="">
				</div>
				<div class="center">
					<img src="images/phone/logo.png" alt="">
				</div>
				<div class="right">
					<img src="images/phone/serach.png" class="sousuo" alt="">
					<img src="images/phone/me.png" class="me" alt="">
				</div>
			</div>
			<div class="head-top">
				<div class="container">
					<ul class="topbar-nav">
						<li class="act-xxk"><a href="#">商城移动版</a>
							<img src="images/yidong.jpg" alt=""></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="index.html">官网首页</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">官方平台</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">免费试用</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">留言板</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">以旧换新</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">免息分期</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">QQ交流群</a></li>
						<li class="sep">|</li>
						<li class="link-l act-xxk">
							<a href="#">租赁新机</a>
							<img src="images/zulin.jpg" alt="" class="on-none">
						</li>
						<li class="link-l on-block"><a href="LabourUnion.html">机械师工会</a></li>
					</ul>
					<ul class="topbar-nav right">
						<li class="link-l"><a href="sign-in.html">登录</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">注册</a></li>
						<li class="topbar-cart link-l">
							<span><i class="icon iconfont">&#xe600;</i>购物车 (0)</span>
							<div class="no-box on-none">购物车中还没有商品，赶紧选购吧！</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="site-header">
				<div class="container">
					<div class="logo">
						<a href="index.html">
							<img src="images/logo.png" alt="">
						</a>
					</div>
					<nav>
						<ul class="nav-list">
							<li class="nav-item">
								<a href="#" class="link">F117系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">T90系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">T58系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">台式电脑</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">潮流数码</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">机友宝典</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">线下店</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">机友会</a>
							</li>
						</ul>
					</nav>
					<div class="search">
						<form action="">
							<input type="text" class="search-text">
							<button class="search-btn icon iconfont">&#xe613;</button>
							<div class="hot-words">
								<a href="#">F117-B</a>
								<a href="#">T90</a>
								<a href="#">空间站</a>
							</div>
						</form>
					</div>
				</div>
				<!-- li-box下拉菜单 -->
				<div class="li-box-wrap">
					<div class="container">
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-V 标准版">
											<img src="images/i1.jpg" alt="机械师F117-V 标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-V 标准版">机械师F117-V 标准版</a>
									</div>
									<div class="price">7499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-V 旗舰版">
											<img src="images/i2.jpg" alt="机械师F117-V 旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-V 旗舰版">机械师F117-V 旗舰版</a>
									</div>
									<div class="price">9699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师F117-FP 17.3"游戏本'>
											<img src="images/i3.jpg" alt='机械师F117-FP 17.3"游戏本'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师F117-FP 17.3"游戏本'>机械师F117-FP 17.3"游戏本</a>
									</div>
									<div class="price">12499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T标准版">
											<img src="images/i4.jpg" alt="机械师T90-T标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T标准版">机械师T90-T标准版</a>
									</div>
									<div class="price">5499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T旗舰版">
											<img src="images/i5.jpg" alt="机械师T90-T旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T旗舰版">机械师T90-T旗舰版</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T豪华版">
											<img src="images/i6.jpg" alt="机械师T90-T豪华版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T豪华版">机械师T90-T豪华版</a>
									</div>
									<div class="price">6899</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90 Plus 游戏笔记本">
											<img src="images/t1.jpg" alt="机械师T90 Plus 游戏笔记本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90 Plus 游戏笔记本">机械师T90 Plus 游戏笔记本</a>
									</div>
									<div class="price">7899</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T标准版">
											<img src="images/t2.jpg" alt="机械师T90-T标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T标准版">机械师T90-T标准版</a>
									</div>
									<div class="price">5499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T90 PLUS电竞版'>
											<img src="images/t3.jpg" alt='机械师T90 PLUS电竞版'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T90 PLUS电竞版'>机械师T90 PLUS电竞版</a>
									</div>
									<div class="price">8999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T旗舰版">
											<img src="images/t4.jpg" alt="机械师T90-T旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T旗舰版">机械师T90-T旗舰版</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T1C 悍狼游戏笔记本">
											<img src="images/t5.jpg" alt="机械师T90-T1C 悍狼游戏笔记本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T1C 悍狼游戏笔记本">机械师T90-T1C 悍狼游戏笔记本</a>
									</div>
									<div class="price">6499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T豪华版">
											<img src="images/t6.jpg" alt="机械师T90-T豪华版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T豪华版">机械师T90-T豪华版</a>
									</div>
									<div class="price">6899</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-V 游戏本">
											<img src="images/t7.jpg" alt="机械师T58-V 游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-V 游戏本">机械师T58-V 游戏本</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-V 旗舰版">
											<img src="images/t8.jpg" alt="机械师T58-V 旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-V 旗舰版">机械师T58-V 旗舰版</a>
									</div>
									<div class="price">6799</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T58-Ti1C 笔记本电脑'>
											<img src="images/t9.jpg" alt='机械师T58-Ti1C 笔记本电脑'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T58-Ti1C 笔记本电脑'>机械师T58-Ti1C 笔记本电脑</a>
									</div>
									<div class="price">6699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T1CD 轻薄游戏本">
											<img src="images/t10.jpg" alt="机械师T58-T1CD 轻薄游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T1CD 轻薄游戏本">机械师T58-T1CD 轻薄游戏本</a>
									</div>
									<div class="price">6099</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T5C 轻薄游戏本">
											<img src="images/t11.jpg" alt="机械师T58-T5C 轻薄游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T5C 轻薄游戏本">机械师T58-T5C 轻薄游戏本</a>
									</div>
									<div class="price">5699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T2S">
											<img src="images/t12.jpg" alt="机械师T58-T2S">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T2S">机械师T58-T2S</a>
									</div>
									<div class="price">6099</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-D7 台式机电脑">
											<img src="images/i1.jpg" alt="机械师F117-D7 台式机电脑">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-D7 台式机电脑">机械师F117-D7 台式机电脑</a>
									</div>
									<div class="price">9999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-D台式机电脑">
											<img src="images/i2.jpg" alt="机械师F117-D台式机电脑">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-D台式机电脑">机械师F117-D台式机电脑</a>
									</div>
									<div class="price">5299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T90 台式机电脑'>
											<img src="images/i3.jpg" alt='机械师T90 台式机电脑'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T90 台式机电脑'>机械师T90 台式机电脑</a>
									</div>
									<div class="price">5299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师144Hz电竞曲面屏显示器">
											<img src="images/i4.jpg" alt="机械师144Hz电竞曲面屏显示器">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师144Hz电竞曲面屏显示器">机械师144Hz电竞曲面屏显示器</a>
									</div>
									<div class="price">2299</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师K7机械键盘">
											<img src="images/h1.jpg" alt="机械师K7机械键盘">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师K7机械键盘">机械师K7机械键盘</a>
									</div>
									<div class="price">399</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师电竞耳机【听风者】">
											<img src="images/h2.jpg" alt="机械师电竞耳机【听风者】">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师电竞耳机【听风者】">机械师电竞耳机【听风者】</a>
									</div>
									<div class="price">399</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师空间站 双肩电脑包 太空银'>
											<img src="images/h3.jpg" alt='机械师空间站 双肩电脑包 太空银'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师空间站 双肩电脑包 太空银'>机械师空间站 双肩电脑包 太空银</a>
									</div>
									<div class="price">369</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师宇航员 双肩背包">
											<img src="images/h4.jpg" alt="机械师宇航员 双肩背包">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师宇航员 双肩背包">机械师宇航员 双肩背包</a>
									</div>
									<div class="price">249</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师K1-B3H 电竞机械键盘">
											<img src="images/h5.jpg" alt="机械师K1-B3H 电竞机械键盘">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师K1-B3H 电竞机械键盘">机械师K1-B3H 电竞机械键盘</a>
									</div>
									<div class="price">299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师M5 电竞游戏鼠标">
											<img src="images/h6.jpg" alt="机械师M5 电竞游戏鼠标">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师M5 电竞游戏鼠标">机械师M5 电竞游戏鼠标</a>
									</div>
									<div class="price">199</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- li-box下拉菜单结束 -->
			</div>
		</header>
			

		<div class="main">
			<div class="main-nav">
				<div class="container">
					<a href="index.html">首页</a>
					<code>></code>
					<a href="#">机械师公会</a>
				</div>
			</div>
			<div class="content">
				<div class="container">
					<h3 class="title">机械师工会</h3>

					<ul class="goods-list-box">
						<li :class="item.className" v-for="item in item">
							<div class="figure">
								<a href="#">
									<img :src="item.img" alt="">
								</a>
							</div>
							<h4 class="title">
								<a href="#">{{item.title}}</a>
							</h4>
							<div class="price">{{item.price}}</div>
							<a href="#" class="btn">{{item.btn}}</a>
						</li>
					</ul>
					<span class="Tright">总共<i>a</i>条记录</span>
				</div>

			</div>
		</div>


		<footer>

			<div class="footer-service on-none">
				<div class="container">
				<ul>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe606;</i>
							整机进口轻薄有型
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe602;</i>
							全国联保极客服务
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe605;</i>
							三仓直发顺丰包邮
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe607;</i>
							智慧交互玩家定制
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe641;</i>
							130余家售后网点
						</a>
					</li>
				</ul>
				</div>
			</div>


			<div class="footer-inner on-none">
				<div class="container">
					<ul class="links">
						<h4>帮助中心</h4>
						<li><a href="#">配送方式</a></li>
						<li><a href="#">支付中心</a></li>
						<li><a href="#">购物指南</a></li>
					</ul>
					<ul class="links">
						<h4>服务支持</h4>
						<li><a href="#">保修政策</a></li>
						<li><a href="#">服务标准</a></li>
						<li><a href="#">驱动下载</a></li>
					</ul>
					<ul class="links">
						<h4>关于机械师</h4>
						<li><a href="#">品牌介绍</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">加入我们</a></li>
					</ul>
					<ul class="links">
						<h4>品牌资讯</h4>
						<li><a href="#">营业执照</a></li>
						<li><a href="#">新闻中心</a></li>
						<li><a href="#">版权声明</a></li>
					</ul>
					<ul class="links">
						<h4>官方微博</h4>
						<li>
							<a href="#"><img src="images/guanweibo.png" alt=""></a>
						</li>
					</ul>
					<ul class="links">
						<h4>微信公众号</h4>
						<li>
							<a href="#"><img src="images/gongzhonghao.png" alt=""></a>
						</li>
					</ul>
					<ul class="links">
						<h4>机械式抖音</h4>
						<li>
							<a href="#"><img src="images/douying1.png" alt=""></a>
						</li>
					</ul>

					<ul class="share">
						<li class="kongj">
							<a href="#">
								<img src="images/qqkongjian.png" alt="">
							</a>
						</li>
						<li class="tieba">
							<a href="#">
								<img src="images/tieba.png" alt="">
							</a>
						</li>
					</ul>

					<ul class="contact">
						<p>售后客服热线</p>
						<p class="phone">4006 999 999</p>
						<p class="px">7*24小时在线</p>

						<p>产品咨询电话</p>
						<p class="phone">18561835934</p>
						<p class="px">周一至周六 9:00-18:00</p>
					</ul>
				</div>
			</div>






			<div class="footer-bottom">
				<div class="container">
					<div class="fo-logo on-none"></div>
					<div class="fo-txt">
						<p class="sites">
							<a href="#">机械式论坛</a>
							<span class="sep on-none">|</span>
							<a href="#">神游网</a>
							<span class="sep on-none">|</span>
							<a href="#">优易网</a>
							<span class="sep on-none">|</span>
							<a href="#">以旧换新</a>
						</p>
						<p class="copy">© 2014-2019 machenike 机械师 版权所有 鲁ICP备14032650号-1 <span>全国免费咨询电话：4006 999 999</span></p>
					</div>
					<div class="fo-links on-none">
						<a href="#" class="on-none">
							<img src="images/renzheng.jpg" alt="">
						</a>
						<a href="#">
							<img src="images/aqkx_83x30.png" alt="">
						</a>
						<a href="#" class="on-none">
							<img src="images/label_sm_90030.png" alt="">
						</a>
						<a href="#">
							<img src="images/f_icon3.png" alt="">
						</a>
						<a href="#">
							<img src="images/stat.png" alt="">
						</a>
						<a href="#">
							<img src="images/sm_83x30.png" alt="">
						</a>
					</div>
				</div>
			</div>
		</footer>
		<a href="javascript:void(0);" id="toTop" style="display: inline;"></a>
	</div>
	<script src="js/vue.min.js"></script>
	<script src="js/vue-lab.js"></script>
	<script src="js/currency.js"></script>
	<script>
		var sp = document.querySelector(".Tright i");
		var box = document.querySelectorAll(".goods-item");
		for(var i = 0;i<=box.length;i++){
			sp.innerText = i
		}
	</script>
</body>
</html>